<template>
<div style="margin: auto;overflow: hidden;background-color: rgb(103,171,214)">
  <img src="../assets/logo_20220401_uugai.com_1648809545415.png" alt="" class="topOne_img">
  <router-link to="/login" v-if="$store.state.islogin == 0">
    <van-button plain type="primary" style="font-size: 35px;border: none;float: right;background-color: rgb(103,171,214);line-height: 4px"><van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" /></van-button>
  </router-link>
  <router-link to="/mine" v-if="$store.state.islogin == 1">
    <van-button plain type="primary" style="font-size: 35px;border: none;float: right;background-color: rgb(103,171,214);line-height: 4px">
      <van-image
          round
          width="35px"
          height="35px"
          :src='$store.state.userInfo.avatar'
          fit="cover"
      />
    </van-button>
  </router-link>
</div>
</template>

<script>
export default {
name: "topOne"
}
</script>

<style scoped lang="less">
  .topOne_img {
    width: 135px;

  }

</style>